<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>	
	<meta charset="utf-8" />	<!-- this charset declaration NEEDS to be first -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">		
	<meta name="description" content="" />
    <meta name="keywords" content="" />
	<link rel="apple-touch-icon" href="images/favicon/apple-touch-icon.png" />
	<link rel="shortcut icon" href="images/favicon/favicon.ico" type="image/vnd.microsoft.icon" />
	<link rel="shortcut icon" href="images/favicon/favicon.ico" type="image/x-icon" />
    <link rel="canonical" href="http://www.xxx.com" />
	
	<!-- need to change -->
	<meta property="og:type" content="website" />
	<meta property="og:site_name" content="xxx" />
	<meta property="fb:app_id" content="xxxx" />    
	
	<title>Homepage</title>
	
	<!--style--> 
	<link rel="stylesheet" href="css/global.css" />
	<link rel="stylesheet" href="css/home.css" />
	
	<script src="scripts/jquery-1.6.min.js"></script>		
	<script src="scripts/modernizr-1.7.min.js"></script>
</head>

<body id="top" class="homePage">
	<div id="wrapper">
		<header id="siteHeader" role="banner">			
			<div id="logoArea">
				<a id="logo" href="index.html"><img src="images/static/logo.png" width="306" height="80" alt="Deals site" title="Deals site"></a>
				<div class="language">
					<a class="vn" href="#" title="Tiếng Việt"><img src="images/static/vi.jpg" alt="Vi" /></a>
					<a class="en" href="#" title="Tiếng Anh"><img src="images/static/en.jpg" alt="En"/></a>
				</div>
				<ul class="login">
					<li><a href="#">Đăng nhập</a></li>
					<li class="last"><a href="#">Đăng ký</a></li>					
				</ul>
			</div> <!-- end logoArea -->
			<div class="clear"></div>
			<nav class="siteNavigation" role="navigation">
				<div class="navArea">
					<ul class="mainNav">
						<li><a href="#">Deal mới</a></li>						
						<li><a href="deal-month.html">Deal trong tháng</a></li>
						<li><a href="#">Tìm đối tác</a></li>
						<li class="last"><a href="#">Hỏi đáp</a></li>
					</ul>
					<div class="subscribe">							
						<form name="searchForm" role="search" action="/search/" method="get">            									
							<input name="q" class="input" value="Ðăng ký nhận email giảm giá" autocomplete="off" onclick="if(this.value == 'Ðăng ký nhận email giảm giá') this.value='';" onblur="if(this.value.length == 0) this.value='Ðăng ký nhận email giảm giá';">
							<button type="submit" class="btnSubscribe btnButton" title="Gửi đăng ký"><span>Gửi đăng ký</span></button>
						</form>
					</div>
				</div>				
			</nav>			
		</header><!-- end header -->		
		<div class="clear"></div>	
		
		<div id="mainWrapper">
			<section id="wrpContent"  role="main">
				<div class="border" id="firstRow">
					<div id="slides">						
						<div class="slides_container">
							<a href="detail.html" title="xxx" target="_blank"><img src="images/slides/slide.jpg" width="420" height="238" alt="Slide "></a>
							<a href="detail.html" title="xxx" target="_blank"><img src="images/slides/slide-1.jpg" width="420" height="238" alt="Slide 1"></a>
							<a href="detail.html" title="xxx" target="_blank"><img src="images/slides/slide-2.jpg" width="420" height="238" alt="Slide 2"></a>
							<a href="detail.html" title="xxx" target="_blank"><img src="images/slides/slide-3.jpg" width="420" height="238" alt="Slide 3"></a>
							<a href="detail.html" title="xxx" target="_blank"><img src="images/slides/slide-4.jpg" width="420" height="238" alt="Slide 4"></a>
							<a href="detail.html" title="xxx" target="_blank"><img src="images/slides/slide-5.jpg" width="420" height="238" alt="Slide 5"></a>
							<a href="detail.html" title="xxx" target="_blank"><img src="images/slides/slide-6.jpg" width="420" height="238" alt="Slide 6"></a>					
						</div>
						<a href="#" class="prev"><img src="images/static/arrow-prev.png" width="25" height="35" alt="Arrow Prev"></a>
						<a href="#" class="next"><img src="images/static/arrow-next.png" width="25" height="35" alt="Arrow Next"></a>				
					</div> 
					<!--end slide -->					
					<div id="productInfo">
						<h1 class="titleFeature"><a href="detail.html" >Nhà Hàng Hội Quán Sài Gòn</a></h1>
						<p class="detail">Thưởng thức ẩm thực Á Đông trong không gian gần gũi, sang trọng tại NHÀ HÀNG HỘI QUÁN SÀI GÒN. Voucher trị giá 100.000 VNĐ, giảm 50%, chỉ còn 50.000 VNĐ. Chỉ có tại Dealers...</p>
						<div class="priceRow">
							<div class="hotOrginalPrice">
								<p class="hotPrice"><span>50.000 vnd</span></p>
								<p class="orginalPrice">Giá gốc: <span>150.000</span> vnd</p>
							</div>
							<a class="btnView" href="#"><span>XEM</span></a>											
						</div>
						<div class="infoRow">
							<div class="safe">
								<h4>Tiết kiệm</h4>
								<span>80%</span>							
							</div>
							<div class="buyer">
								<h4>Số người mua</h4>
								<span>10</span>							
							</div>
							<div class="timeRemain last">
								<h4>Thời gian còn lại</h4>
								<span>10:20:10</span>						
							</div>
							<div class="shared">
								<!-- AddThis Button BEGIN -->
								<div class="addthis_toolbox addthis_default_style ">
									<a class="addthis_button_preferred_1"></a>
									<a class="addthis_button_preferred_2"></a>
									<a class="addthis_button_preferred_3"></a>									
									<a class="addthis_button_compact"></a>									
								</div>							
								<!-- AddThis Button END -->
							</div>
						</div>										
					</div>					
				</div>
				<!--end 1 row -->
				<div class="clear"></div>
				
				<div class="item border first">									
					<a class="container" href="#">
						<h2 class="title" href="#">Lorem Ipsum Dolor Deal </h2>
						<h4 class="percentDown">51% Lorem Ipsum Dolor Deal </h4>
						<div class="boxgrid captionfull">
							<img src="images/static/new-ribbon.png" alt="" class="robbin">				
							<img src="images/row11.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							
							</span>				
						</div>
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>
				</div>
				<div class="item border">
					<a class="container" href="#">
						<h2 class="title" href="#">Lorem Ipsum Dolor Deal Lor...</h2>
						<h4 class="percentDown">51% Lorem Ipsum Dolor Deal Lorem Ipsum Dolor Deal Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/static/new-ribbon.png" alt="" class="robbin">
							<img src="images/row12.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							
							</span>						
						</div>
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>	
				</div>
				<div class="item last border">				
					<a class="container" href="#">
						<h2 class="title" href="#">Lorem Ipsum Dolor Deal </h2>
						<h4 class="percentDown">51% Lorem Ipsum Dolor Deal </h4>
						<div class="boxgrid captionfull">
							<img src="images/static/new-ribbon.png" alt="" class="robbin">
							<img src="images/row13.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							
							</span>
						</div>
						<div></div>						
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>				
				</div> <!--end 2 row -->
				
				<div class="item border first">									
					<a class="container" href="#">
						<h2 class="title" href="#">Lorem Ipsum Dolor Deal </h2>
						<h4 class="percentDown">51% Lorem Ipsum Dolor Deal </h4>
						<div class="boxgrid captionfull">
							<img src="images/row12.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							
							</span>						
						</div>					
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>
				</div>
				<div class="item border">
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/static/new-ribbon.png" alt="" class="robbin">
							<img src="images/row11.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>
						<div></div>						
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>	
				</div>
				<div class="item last border">				
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row13.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>					
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>				
				</div> <!--end 3 row -->
				
				<div class="item border first">									
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row11.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>							
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>
				</div>
				<div class="item border">
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row12.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>						
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>	
				</div>
				<div class="item last border">				
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row13.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>	
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>				
				</div> <!--end 4 row -->
				
				<div class="item border first">									
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row11.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>							
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>
				</div>
				<div class="item border">
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row12.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>							
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>	
				</div>
				<div class="item last border">				
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row13.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>						
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>				
				</div> <!--end 5 row -->
				
				<div class="item border first">									
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row11.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>						
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>
				</div>
				<div class="item border">
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row12.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>					
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
					</a>	
				</div>
				<div class="item last border">				
					<a class="container" href="#">
						<h2 class="title" href="#">Simple Apothecary</h2>
						<h4 class="percentDown">51% off at Customized Tours</h4>
						<div class="boxgrid captionfull">
							<img src="images/row13.png" alt="" width="280" height="220">						
							<span class="boxcaption">
								Lorem title							</span>						</div>							
						<div class="pricePromoWrap">
							<span class="pricePromo">75.000d</span>
							<span class="time">10:10:25</span>
						</div>
						<div class="priceTrueWrap">
							<span class="priceTrue">Tri gia: <strong>150.000d</strong></span>
							<span class="info">Co <strong>10</strong> nguoi mua</span>
						</div>
						
					</a>				
				</div> <!--end 6 row -->				
			</section><!--end content -->
			<div class="moveTop"><a href="#top" title="Move top"><span>&uarr; Top</span></a></div>
		</div> <!--end main content -->		
		<div class="clear"></div>
		
		<footer id="siteFooter">
			<div class="fotArea">
				<aside id="siteLink">
					<section class="linksWrapper first">
						<h3>Trợ giúp</h3>
						<ul>
							<li><a href="#">Dealers là gì?</a></li>
							<li><a href="#">Hỏi đáp</a></li>
							<li><a href="#">Hướng đẫn mua hàng</a></li>							
						</ul>
					</section>
					<section class="linksWrapper">
						<h3>Nhận tin</h3>
						<ul>							
							<li><a href="#">Dealer là gì?</a></li>							
							<li><a href="#">Đăng ký qua mail</a></li>
							<li><a href="#">Đăng ký nhận tin RSS</a></li>							
						</ul>
					</section>
					<section class="linksWrapper">
						<h3>Hợp tác</h3>
						<ul>
							<li><a href="#">Hợp tác kinh doanh</a></li>
							<li><a href="#">Liên hệ hợp tác</a></li>
							<li><a href="#">Affiliate Widget Builder</a></li>							
						</ul>
					</section>
					<section class="linksWrapper">
						<h3>Hỏi đáp</h3>
						<ul>
							<li><a href="#">Cách mua hàng</a></li>
							<li><a href="#">Cách giao hàng</a></li>
							<li><a href="#">Câu hỏi thường gặp</a></li>							
						</ul>
					</section>
					<section class="linksWrapper last">						
						<h3>Công ty</h3>
						<ul>
							<li><a href="#">Về chúng tôi</a></li>
							<li><a href="#">Liên hệ</a></li>
							<li><a href="#">Quy chế</a></li>
							<li><a href="#">Tuyển dụng</a></li>							
						</ul>
					</section>
				</aside>
				<p class="social">
					<span class="cwu">Connect with us</span>
					<a href="#"><img src="images/static/fbSmall.gif" alt="Facebook" /></a> <span>|</span><a href="#"><img src="images/static/twitterSmall.gif" alt="Facebook" /></a>
				</p>
				<div class="copyRightArea">
					<p>
						&copy;2012 Dealers, Inc. All Rights Reserved. <br />
						<img class="logoFot" src="images/static/logoFot.png" alt="Lorem Ipsum" width="120" height="25">			
					</p>
				</div>
			</div>			
		</footer> <!--end side footer -->
	</div><!-- end wrapper -->	
	
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f6b5bae49546d27"></script>
<script src="scripts/slides.min.jquery.js"></script>
<script src="scripts/a.js"></script>
<script>
	$(function() {
	  	//slides show
  		$('#slides').slides({
			preload: true,
			preloadImage: 'images/static/loading.gif',
			play: 5000,
			pause: 2800,
			hoverPause: true
		});
	});
</script>

</body>

</html>
